import React, { useEffect } from "react";
import styles from "./index.less";

type VProp = {
  visible: boolean;
  hideVisible: (event: any) => void;
};
const DropMask: React.FC<VProp> = ({ visible, hideVisible }: VProp) => {
  return visible && (
    <div
      className={`${styles.filedropzone} filedropzone`}
      onClick={hideVisible}
    >
      <h2>放置图像于任何位置</h2>
      <p>一次仅允许操作1个文件</p>
    </div>
  );
};

export default DropMask;
